<template>
    <div class=" text-sm">
        <footer class="border-t mt-12 pt-12  px-4 lg:px-0">
            <div class="flex flex-wrap">
                <div class="w-full lg:w-2/5">
                    <p class="text-gray-600 hidden lg:block p-0 lg:pr-12">
                        {{ $store.state.system.introduce |ellipsis_Content(100) }}
                    </p>
                </div>

                <div class="w-full mt-6 lg:mt-0 md:w-1/2 lg:w-1/5">
                    <h6 class="font-semibold text-gray-700 mb-4">公司简介</h6>
                    <ul>
                        <li>
                            <a href="" class="block text-gray-600 py-2">关于我们</a>
                        </li>
                    </ul>
                </div>

                <div class="w-full mt-6 lg:mt-0 md:w-1/2 lg:w-1/5">
                    <h6 class="font-semibold text-gray-700 mb-4">联系我们</h6>
                    <ul>
                        <li><a href="" class="block text-gray-600 py-2">
                            公司地址： {{ $store.state.system.address }}

                        </a></li>
                        <li><a href="" class="block text-gray-600 py-2">
                            联系电话： {{ $store.state.system.mobile }}
                        </a></li>
                        <li><a href="" class="block text-gray-600 py-2">
                            QQ: {{ $store.state.system.qq }}
                        </a></li>
                        <li><a href="" class="block text-gray-600 py-2">
                            微信：{{ $store.state.system.wechat }}
                        </a></li>
                    </ul>
                </div>

                <div class="w-full mt-6 lg:mt-0 md:w-1/2 lg:w-1/5">
                    <h6 class="font-semibold text-gray-700 mb-4">客服中心</h6>
                    <ul>
                        <li><a href="" class="block text-gray-600 py-2">
                            客服邮箱：{{ $store.state.system.email }}
                        </a></li>
                        <li><a href="" class="block text-gray-600 py-2">
                            关于我们
                        </a></li>
                    </ul>
                </div>

            </div>
            <div class="w-full text-xs text-gray-600 item-center text-center">
                Chengdu Yumu e-commerce Co., Ltd.
                <a href="https://beian.miit.gov.cn/#/Integrated/index">
                    公安备案号: {{ $store.state.system.recodeNo }}
                </a>
            </div>
        </footer>
    </div>
</template>

<script src="./_footer.js"></script>
